<!doctype html>
{% extends 'base.html' %}

{% block body %}
    <div style="background:linear-gradient({{ bgcolor_up }}, {{ bgcolor_down }})" class="site-wrapper">

      <div class="site-wrapper-inner">

        <div class="cover-container">

          <div class="masthead clearfix">
            <div class="inner">
              <h3 class="masthead-brand">Chiikawa吉伊咔哇</h3>
              <nav>
                <ul class="nav masthead-nav">
                  <li class="active"><a href="http://127.0.0.1:5000/">首页</a></li>
                  <li><a href="https://www.bilibili.com/video/BV1WC4y1f7rw/">动画</a></li>
                  <li><a href="https://baike.baidu.com/item/%E5%90%89%E4%BC%8A%E5%8D%A1%E5%93%87/62773257?fr=ge_ala">简介</a></li>
                </ul>
              </nav>
            </div>
          </div>
            
       <form class="form-signin" method="POST" action="/search">
           <input type="color" name="inputcolor_up" >
           <input type="color" name="inputcolor_down" >
           <p class="lead">颜色选择器</p>
           <button class="btn btn-lg btn-primary btn-block" type="submit"> Do it</button>
      </form>


          <div class="mastfoot">
            <div class="inner">
              <p>广州南方学院文学与传媒学院网络与新媒体专业 <a href="https://wcy.nfu.edu.cn/"></a>, by <a href="https://gitee.com/python-2023-2024-01">@xuwenna</a>.</p>
            </div>
          </div>

        </div>

      </div>

    </div>


{% endblock %}